import {connect} from 'react-redux'
import {addActionCreator} from '@/store/action/counterAction'
const Count1=(props)=>{
    return (<>
        <h1>react-redux计数器</h1>
        <div>{props.count}</div>
        <button onClick={()=>{
            props.dis(addActionCreator(2))
        }}>+</button>
    </>)
}

/**
 * connect第一个括号中有两个参数
 * 第1个参数：是一个函数，该函数的作用是将store仓库中的state映射到UI组件中，也就是说直接赋值给UI组件props
 * connect的第二个括号的值是UI组件
 */
const mapStateFromStoreState=(arg)=>{
    //如何将mapPropsFromStore这个函数中的arg赋值给本UI组件的props,办法是只要return
    return arg
}
const mapDisptchFromState=(arg)=>{
    return {
        dis:arg
    }
}
 export default connect(mapStateFromStoreState,mapDisptchFromState)(Count1)
